import React, { useState } from 'react'
import classes from './App.module.css'

export default function App() {
    const [showBorder, setshowBorder] = useState(false);
    const clickHander = () => {
        setshowBorder(true)
    }

    return (
        <div>
            <button onClick={clickHander}>点我</button>
            <div className={`${classes.p1} ${showBorder ? classes.border:''}`}>我是AAAAAAAAAAAPP</div>
        </div>
    )
}